<template>
    <view>
        <view class="m-changeList"  v-for="(item,index) in list" :key="index">
        <view><image class="pic" :src="item.image"/></view>
        <view class="point_box">
            <view class="change_goods_name">{{item.product_name}}</view>
            <view class="point">{{item.integral_num}}积分</view>
        </view>
        </view>
    </view>
</template>

<script>
    export default{
        name:'m-changeList',
        props: {
            list: Array,
        },
        data(){
            return{

            }
        },
    }
</script>

<style scoped lang="less">
    .m-changeList{
        display: flex;
        flex-direction: row;
        margin-top: 40rpx;
        margin-left: 40rpx;
    }
    .pic{
        width: 120rpx;
        height: 120rpx;
    }
    .point_box{
        margin-left: 20rpx;
    }
    .point{
        /*margin-top: 25rpx;*/
        color: #f1a12d;
        font-size: 28rpx;
    }
    .change_goods_name{
        height: 80rpx;
        width:  500rpx;
    }
</style>

